Test-Driven React, Second Edition
https://pragprog.com/titles/tbreact2/test-driven-react-second-edition/tbreact2-beta-500.jpg
https://pragprog.com/titles/tbreact2/test-driven-react-second-edition/
React と TDD を組み合わせてアプリケーション開発を行う
Turn your React project requirements into tests and get the feedback you need faster than ever before.
React プロジェクトの要件をテストに変換し、これまで以上に早くフィードバックを得ましょう。
Combine the power of testing, linting, and typechecking directly in your coding environment to iterate on React components quickly and fearlessly!
テスト、リンティング、型チェックの力をコード環境に直接組み合わせることで、React コンポーネントを迅速かつ恐れることなく反復処理できます。
書籍内では以下のライブラリを用いている
React / TypeScript
Vitest / Testing Library: 迅速で理解しやすいテストを記述する
ESLint / Prettier: コードを整理整頓する
styled-components: テストに適した方法でコンポーネントをスタイリングする
何故ここだけ旧世代的な Runtime CSS-in-JS なんだ… radish-miyazaki.icon
Storybook: 美しいドキュメントの作成と GitHub Actions を用いて更新する
めちゃくちゃ良い本なので、翻訳本が出て日本でも普及して欲しい radish-miyazaki.icon
セクション
1. Test-Driven Development with Jest
2. Integrated Tooling with VS Code
3. Testing React with Testing Library
4. Styling in JavaScript with Styled-Components
5. Refactoring with Hooks
6. Continuous Integration and Collaboration
github.icon https://github.com/radish-miyazaki/Test-Driven-Carousel: radish-miyazaki.icon 個人の
Storybook.icon https://radish-miyazaki.github.io/Test-Driven-Carousel
#React #読書メモ #読了